﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true"
    CodeBehind="UpdatePhoto.aspx.cs" Inherits="VirtualOrg.Web.FormUpdatePhoto" %>

<%@ Register Assembly="Obout.Ajax.UI" Namespace="Obout.Ajax.UI.FileUpload" TagPrefix="obout" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript">
        $(function () {
            $("#accordion").accordion();
        });
    </script>
    <table>
        <tr>
            <td style="vertical-align: top;">
                <div class="left">
                    <div class="thirds">
                        <div class="smallboxtop">
                        </div>
                        <div class="smallbox">
                            <a href="../User/UpdatePhoto.aspx">Update profile photo</a><br />
                            <br />
                            <img id="imgProfilePic" style="width: 180px; height: 200px;" runat="server" /><br />
                        </div>
                    </div>
                </div>
            </td>
            <td>
                <h2 id="lblTitle" runat="server">
                </h2>
                <hr />
                <div id="accordion">
                    <h3>
                        <a href="#">Update profile photo</a></h3>
                    <div style="width: 650px">
                        <asp:UpdatePanel ID="pnlUpdatePhoto" runat="server" UpdateMode="Always">
                            <ContentTemplate>
                                <span class="spancls">Select file (*.jpg, *.bmp, *.png, *.gif allowed):</span><br /><br />
                                <obout:FileUpload ValidFileExtensions="jpeg;jpg;gif;tiff;png"
                                    MaximumTotalFileSize="10240" Width="350px" runat="server" ID="fileProfilePic"
                                    BrowseFieldDescription="Images" />
                                <br />
                                <asp:Button runat="server" ID="submit" Text="Upload files" style="float:right;" />
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </div>
                </div>
            </td>
        </tr>
    </table>
    <div>
    </div>
</asp:Content>
